<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<link rel="stylesheet" href="../css/shopcar.css" />
		<script type="text/javascript" src="../js/require.js" defer async="true" data-main="../js/shopcar/main"></script>
	</head>
	<body>
		<!--
        	作者：318990114@qq.com
        	时间：2017-12-23
        	描述：顶部工具栏
        -->
        <div id="toolsbox">
			<div id="tools">
				<span>欢迎光临易果生鲜!</span>
				<ul>
					<li id="userlogin"><a href="login.html">[登录]</a></li>
					<li id="userrequire"><a href="register.html">[注册]</a></li>
					<li id="myyi">
						<b></b><a href="#">我的易果<i></i></a>
						<ul>
							<li><a href="#">我的订单</a></li>
							<li><a href="#">我的优惠券</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">我的悠币</a></li>
							<li><a href="#">我的退换货</a></li>
							<li><a href="#">预付款查询</a></li>
							<li><a href="#">立即充值</a></li>
						</ul>
					</li>
					<li id="phone">
						<b></b><a href="#">手机易果<i></i></a>
						<ul>
							<li>
								<img src="../img/qrcode_app.jpg" alt="" />
								<p>扫一扫下载APP</p>
							</li>
							<li>
								<img src="../img/qrcode_wechat.jpg" alt="" />
								<p>易果生鲜微信</p>
							</li>
						</ul>
					</li>
					<li><b></b><a href="#">储值卡</a></li>
					<li><b></b><a href="#">提货券入口</a></li>
				</ul>
			</div>
        </div>
		<!--
        	作者：318990114@qq.com
        	时间：2017-12-23
        	描述：header
        -->
        <div id="headerbox">
	        <div id="header">
	        	<h1><a href="../index.html"><img src="../img/logo.png" alt="" /></a></h1>
	        	<h2><span class="stepnow">我的购物车<i></i></span><span>填写订单信息<i></i></span><span>成功提交订单<i></i></span></h2>
	        	<h3></h3>
	        </div>
	    </div>
	    <!--
        	作者：318990114@qq.com
        	时间：2018-01-02
        	描述：content
        -->
        <div id="contentbox">
        	<div id="content" class="clear">
        		<p id="empty">购物车是空的，去买点东西吧！<a href="../index.html">继续逛逛&gt;&gt;</a></p>
        		<h1>
        			<span></span>
        			<span>配送至：</span>
					<span>北京<i></i>
						<div id="citylist" class="clear">
							<h3>请根据您的收货地址选择<a href="#">全国其他城市&gt;&gt;</a></h3>
							<dl>
								<dt>
									<h4>热门城市</h4>
								</dt>
								<dd>
									<a href="#">上海</a><a href="#">北京</a><a href="#">天津</a><a href="#">南京市</a><a href="#">苏州市</a><a href="#">昆山市</a><a href="#">无锡市</a><a href="#">杭州市</a><a href="#">宁波市</a>
								</dd>
							</dl>
							<ul class="clear">
								<li class="showlist">ABCDE</li>
								<li>FGHIJ</li>
								<li>KLMNO</li>
								<li>PQRST</li>
								<li>UVWXYZ</li>
								<div class="list1">
									<div class="list2 clear">
										<em>A</em><strong><a href="#">安庆市</a></strong>
									</div>
									<div class="list2 clear">
										<em>B</em><strong><a href="#">滨州市</a><a href="#">蚌埠市</a><a href="#">保定市</a><a href="#" class="green">北京</a><a href="#">北京(郊区)</a></strong>
									</div>
									<div class="list2 clear">
										<em>C</em><strong><a href="#">崇明县</a><a href="#">慈溪市</a><a href="#">滁州市</a><a href="#">成都市</a><a href="#">承德市</a><a href="#">长春市</a><a href="#">常熟市</a><a href="#">常州市</a><a href="#">池州市</a><a href="#">长沙市</a><a href="#">巢湖市</a><a href="#">沧州市</a><a href="#">重庆市</a></strong>
									</div>
									<div class="list2 clear">
										<em>D</em><strong><a href="#" class="green">东莞市</a><a href="#">大连市</a><a href="#">东营市</a><a href="#">德州市</a><a href="#">丹阳市</a></strong>
									</div>
								</div>
								<div class="list1">
									<div class="list2 clear">
										<em>F</em><strong><a href="#" class="green">佛山市</a><a href="#">福州市</a><a href="#">阜阳市</a><a href="#">奉化市</a></strong>
									</div>
									<div class="list2 clear">
										<em>G</em><strong><a href="#" class="green">广州市</a></strong>
									</div>
									<div class="list2 clear">
										<em>H</em><strong><a href="#">衡水市</a><a href="#">淮南市</a><a href="#">菏泽市</a><a href="#">淮北市</a><a href="#">邯郸市</a><a href="#">海宁市</a><a href="#">合肥市</a><a href="#">黄山市</a><a href="#">哈尔滨市</a><a href="#">湖州市</a><a href="#">淮安市</a><a href="#" class="green">杭州市</a></strong>
									</div>
									<div class="list2 clear">
										<em>J</em><strong><a href="#">济南市</a><a href="#">句容市</a><a href="#">揭阳市</a><a href="#">吉林市</a><a href="#">嘉兴市</a><a href="#">景德镇市</a><a href="#" class="green">江门市</a><a href="#">江阴市</a><a href="#">金华市</a><a href="#">济宁市</a></strong>
									</div>
								</div>
								<div class="list1">
									<div class="list2 clear">
										<em>K</em><strong><a href="#" class="green">昆山市</a></strong>
									</div>
									<div class="list2 clear">
										<em>L</em><strong><a href="#">丽水市</a><a href="#">临沂市</a><a href="#">聊城市</a><a href="#">兰州市</a><a href="#">连云港市</a><a href="#">六安市</a><a href="#">辽阳市</a><a href="#">莱芜市</a><a href="#">廊坊市</a></strong>
									</div>
									<div class="list2 clear">
										<em>M</em><strong><a href="#">马鞍山市</a></strong>
									</div>
									<div class="list2 clear">
										<em>N</em><strong><a href="#">南宁市</a><a href="#">南昌市</a><a href="#">南通市</a><a href="#" class="green">南京市</a><a href="#" class="green">宁波市</a></strong>
									</div>
								</div>
								<div class="list1">
									<div class="list2 clear">
										<em>Q</em><strong><a href="#">泉州市</a><a href="#">秦皇岛市</a><a href="#">青岛市</a><a href="#">衢州市</a></strong>
									</div>
									<div class="list2 clear">
										<em>R</em><strong><a href="#">日照市</a></strong>
									</div>
									<div class="list2 clear">
										<em>S</em><strong><a href="#">绍兴市</a><a href="#">宿州市</a><a href="#">宿迁市</a><a href="#">沈阳市</a><a href="#">汕头市</a><a href="#" class="green">深圳市</a><a href="#" class="green">上海</a><a href="#">上海(郊区)</a><a href="#" class="green">苏州市</a><a href="#">石家庄市</a></strong>
									</div>
									<div class="list2 clear">
										<em>T</em><strong><a href="#">唐山市</a><a href="#">太原市</a><a href="#">台州市</a><a href="#">泰安市</a><a href="#">铜陵市</a><a href="#">桐乡市</a><a href="#">太仓市</a><a href="#">泰州市</a><a href="#" class="green">天津</a></strong>
									</div>
								</div>
								<div class="list1">
									<div class="list2 clear">
										<em>W</em><strong><a href="#">潍坊市</a><a href="#">武汉市</a><a href="#">芜湖市</a><a href="#">温州市</a><a href="#">威海市</a><a href="#">吴江市</a><a href="#" class="green">无锡市</a></strong>
									</div>
									<div class="list2 clear">
										<em>X</em><strong><a href="#">宣城市</a><a href="#">邢台市</a><a href="#">西安市</a><a href="#">厦门市</a><a href="#">徐州市</a></strong>
									</div>
									<div class="list2 clear">
										<em>Y</em><strong><a href="#">扬州市</a><a href="#">宜兴市</a><a href="#">盐城市</a><a href="#">烟台市</a><a href="#">仪征市</a><a href="#">阳江市</a><a href="#">余姚市</a><a href="#">燕郊</a><a href="#">义乌市</a><a href="#">银川市</a></strong>
									</div>
									<div class="list2 clear">
										<em>Z</em><strong><a href="#">张家口市</a><a href="#">亳州市</a><a href="#" class="green">珠海市</a><a href="#">郑州市</a><a href="#">湛江市</a><a href="#">张家港市</a><a href="#" class="green">中山市</a><a href="#">舟山市</a><a href="#">枣庄市</a><a href="#">淄博市</a><a href="#">镇江市</a></strong>
									</div>
								</div>
							</ul>
						</div>
					</span>
					<a href="../index.html">继续购物&gt;&gt;</a>
        		</h1>
        		<div id="dynamic" class="clear">
        			<h2>
	        			<input type="checkbox" />
	        			<span>全选</span><span>商品信息</span><span>悠币</span><span>单价</span>
	        			<span>购买数量</span><span>合计</span><span>规格 </span><span>操作</span>
	        		</h2>
	        		<hr />
	        		<h4>
	        			<input type="checkbox" />
	        			<span>全选</span>
	        			<span id="delchose">删除选中的的商品</span><span id="clearempty">清空购物车</span><span>悠币:</span><span>0</span><span>个</span><span>总价:</span><span id="sumprice"></span><span>去结算</span>
	        		</h4>
        		</div>
        	</div>
        </div>
	    <!--
        	作者：318990114@qq.com
        	时间：2017-12-27
        	描述：footer
        -->
        <div id="footerbox">
        	<div id="footer">
        		<div>
        			<h3>新手指南</h3>
        			<ul>
        				<li><a href="#">账户注册</a></li>
        				<li><a href="#">购物流程</a></li>
        				<li><a href="#">订购方式</a></li>
        				<li><a href="#">悠币说明</a></li>
        				<li><a href="#">会员等级</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>付款方式</h3>
        			<ul>
        				<li><a href="#">支付方式</a>/<a href="#">发票说明</a></li>
        				<li><a href="#">充值说明</a>/<a href="#">储值卡说明</a></li>
        				<li><a href="#">优惠代码</a>/<a href="#">礼品卡说明</a></li>
        				<li><a href="#">卡券购买章程</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>配送方式</h3>
        			<ul>
        				<li><a href="#">配送运费</a></li>
        				<li><a href="#">配送范围</a></li>
        				<li><a href="#">配送时间</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>售后服务</h3>
        			<ul>
        				<li><a href="#">退换货政策</a></li>
        				<li><a href="#">退换货流程</a></li>
        				<li><a href="#">常见问题</a></li>
        				<li><a href="#">极速退款</a></li>
        				<li><a href="#">投诉与建议</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>关于我们</h3>
        			<ul>
        				<li><a href="#">公司介绍</a></li>
        				<li><a href="#">联系我们</a></li>
        				<li><a href="#">业务合作</a></li>
        				<li><a href="#">诚信举报</a></li>
        				<li><a href="#">人才招聘</a></li>
        				<li><a href="#">友情链接</a></li>
        			</ul>
        		</div>
        		<h1>客服热线 400-000-7788 企业采购或团购，请转2号键咨询&nbsp;&nbsp;&nbsp;&nbsp;周一至周日 9:00-21:00</h1>
        		<h2>所有图片均受著作权保护，未经许可任何单位与个人不得使用、复制、转载、摘编，违者必究法律责任。</h2>
        		<h2><a href="#">沪ICP备09008015号</a>&nbsp;Copyright &copy; 2005-2017&nbsp;<a href="#">上海易果电子商务有限公司</a>版权所有</h2>
        		<h4>
        			<a href="#"><img src="../img/footer1.png" alt="" /></a>
        			<a href="#"><img src="../img/footer2.png" alt="" /></a>
        			<a href="#"><img src="../img/footer3.gif" alt="" /></a>
        			<a href="#"><img src="../img/footer4.png" alt="" />沪公网安备 31010502000002号</a>
        		</h4>
        	</div>
        </div>
	</body>
</html>
